<!DOCTYPE html>
<html lang="en">
<head>
    <script src="../js/marked.min.js"></script>
    <script src="../js/sharenotes.js"></script>
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../css/font-awesome-4.7.0/css/font-awesome.min.css">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <!-- 引入样式 -->
    <link rel="stylesheet" type="text/css" href="../css/sharenotes.css">
    <link rel="stylesheet" type="text/css" href="../css/w3.css">
    
</head>

<body>
    <!-- entry -->
    <div class="mainContainer" id = "mainContainer">
        <!-- top -->
        <div class="topBar">
            <div class="dropdown" id = "notesOption">
                <button class="dropbtn">本课讲义<i class="fa fa-caret-down"></i></button>
                <div class="dropdown-content">
                  <a href="#">相关知识点</a>
                  <a href="#">相关习题</a>
                </div>
              </div>
              <i class="fa fa-edit markdown-icon" id="markdownButton" title="点击切换编辑模式"></i>
        </div>
        <!-- line -->
        <div class="line"></div>
        <!-- middle -->
        <div class="notesContent" id="notesContent">
        </div>
        <!-- foot -->
        <div class="feedbackFoot">
            <!-- context -->
            <textarea class="feedbackContext" id="user-input" cols="30" rows="10" placeholder="讲义反馈..."></textarea>
            <button class="feedbackCommit" id="submit-btn">发送</button>
        </div>
    </div>

    <iframe src="./markdown.html" style="display: none;" id="markdownHtml" class="mainContainer2" frameborder="0"> </iframe>

</body>
</html>
